@use 'variables' as *;

.body-text {
    $min-size: 16px;
    $max-size: 18px;
    
    font-size: fluid-value($min-size, $max-size);
    line-height: 1.6;
    
    @media (min-width: map-get($breakpoints, desktop)) {
      max-width: 65ch;
    }
  }
  
  // 响应式文本工具类
  @each $name, $bp in $breakpoints {
    .text-#{$name} {
      @media (min-width: $bp) {
        &-fluid {
          font-size: fluid-value(
            $min-size * map-get($type-scale, min), 
            $max-size * map-get($type-scale, max)
          ) !important;
        }
      }
    }
  }